// 负责管理所有的自定义指令


// 处理图片加载失败的问题
export const imageerror = {
  // 指令对象  会在当前 dom 元素插入节点之后执行
  inserted(dom, options) {

    // 当前图片的 src 值为空的话就用默认图片
    dom.src = dom.src || options.value

    // dom 表示当前指令作用的 dom 对象
    // dom 认为此时就是图片
    // 当图片有地址 但是没有加载成功的时候  会报错
    // 会触发图片的一个事件  =>  onerror
    dom.onerror = function () {
      // 当图片异常时将指令配置的默认图片设为该图片的内容
      // dom 可以注册 error 事件
      // options.value 就是该元素的传的 img 的默认值
      dom.src = options.value
    }
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}

